.parent {
    display: flex;
    flex-direction: row;
    margin-top: 20rpx;
}

.item1 {
    border-radius: 200rpx;
    padding: 5rpx 15rpx;
    font-size: 24rpx;
    color: #76a6ff;
}

.item2 {
    border-radius: 200rpx;
    border: 1rpx solid #a692fa;
    padding: 5rpx 15rpx;
    margin-left: 15rpx;
    font-size: 24rpx;
    color: #a692fa;
}

.item3 {
    border-radius: 200rpx;
    border: 1rpx solid #ff9460;
    padding: 5rpx 15rpx;
    margin-left: 15rpx;
    font-size: 24rpx;
    color: #ff9460;
}

.item4 {
    border-radius: 200rpx;
    border: 1rpx solid #df93f1;
    padding: 5rpx 15rpx;
    margin-left: 15rpx;
    font-size: 24rpx;
    color: #df93f1;
}

.item5 {
    border-radius: 200rpx;
    border: 1rpx solid #ffc14f;
    padding: 5rpx 15rpx;
    margin-left: 15rpx;
    font-size: 24rpx;
    color: #ffc14f;
}

.item6 {
    border-radius: 200rpx;
    border: 1rpx solid #89d75a;
    padding: 5rpx 15rpx;
    margin-left: 15rpx;
    font-size: 24rpx;
    color: #89d75a;
}

.item7 {
    border-radius: 200rpx;
    border: 1rpx solid #fa7762;
    padding: 5rpx 15rpx;
    margin-left: 15rpx;
    font-size: 24rpx;
    color: #fa7762;
}
